<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> 
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    
	
	<title>_我的拣货任务</title>
	<script type="text/javascript">
	        
		//领取任务
		function takeTask(taskId){
		  $.ajax({
			type : 'post',
			url : '${ctx}/allotTask/ajaxTakeTask',
			data : {
				taskId:taskId
			},
			dataType : 'json',
			success : function(data) {
			   var msg=data.msg;
				if (msg == "success") {
					alert("领取任务成功！");
					location.reload();
				}else if(msg=="token"){
				    alert("此任务已被分配。");
				    location.reload();
				} else {
					alert("网络繁忙，请稍后重试...");
				}
			},
			error : function() {
				alert("网络繁忙，请稍后重试...");
			}
		});
		
	 }
		
    </script>
</head>

<body>
	<div style="height: 10px;"></div>
	
	<!-- 我的任务 -->
	<table id="contentTable" class="table table-striped table-bordered table-condensed">
	    <thead>
			<th style="vertical-align: middle; color: white;" colspan="9" bgcolor="#8EB4CB">我的拣货任务</th>
		</thead>
		<thead><tr>
		    <th style="width: 150px;">任务编号</th>
		    <th style="width: 150px;">调拨单号</th>
		    <th style="width: 100px;">任务状态</th>
			<th style="width: 100px;">任务类型</th>
			<th style="width: 100px;">指派人</th>
			<th style="width: 150px;">指派时间</th>
			<th style="width: 100px;">执行人</th>
			<th >操作</th>
		</tr></thead>
		<tbody>
		<c:forEach items="${taskList}" var="task">
			<tr>
			    <td>${task.taskCode}</td>
			    <td>${task.allotCode}</td>
			     <td>
			      <c:if test="${task.status eq '1'}">创建任务</c:if>
			      <c:if test="${task.status eq '2'}">任务分配</c:if>
			      <c:if test="${task.status eq '3'}">任务完成</c:if>
			      <c:if test="${task.status eq '4'}">任务异常完成</c:if>
			    </td>
			    <td>
			      <c:if test="${task.commandType eq '1'}">上级指定 </c:if>
			      <c:if test="${task.commandType eq '2'}">自己领取</c:if>
			    </td>
			     <td>${task.commander.realname}</td> 
			     <td>${task.startTime}</td> 
			     <td>${task.worker.realname}</td> 
				<td>
				   <a href="${ctx}/allotTask/toTakeGoodsPage/${task.id}" data-toggle="modal" class="btn btn-info" >执行任务</a>
				</td>
			</tr>
		</c:forEach>
		</tbody>
	</table>
	
	
	<!-- 未指派任务 -->
	<table id="contentTable" class="table table-striped table-bordered table-condensed">
	    <thead>
			<th style="vertical-align: middle; color: white;" colspan="9" bgcolor="#8EB4CB">未指派任务</th>
		</thead>
		<thead><tr>
		     <th style="width:150px;">任务编号</th>
		    <th style="width: 150px;">调拨单号</th>
		    <th style="width: 100px;">任务状态</th>
			<th style="width: 100px;">任务类型</th>
			<th style="width: 100px;">指派人</th>
			<th style="width: 150px;">指派时间</th>
			<th style="width: 100px;">执行人</th>
			<th>操作</th>
		</tr></thead>
		<tbody>
		
		<c:forEach items="${untokenList}" var="task">
			<tr>
			   <td>${task.taskCode}</td>
			    <td>${task.allotCode}</td>
			     <td>
			      <c:if test="${task.status eq '1'}">创建任务</c:if>
			      <c:if test="${task.status eq '2'}">任务分配</c:if>
			      <c:if test="${task.status eq '3'}">任务完成</c:if>
			      <c:if test="${task.status eq '4'}">任务异常完成</c:if>
			    </td>
			    <td>
			      <c:if test="${task.commandType eq '1'}">上级指定 </c:if>
			      <c:if test="${task.commandType eq '2'}">自己领取</c:if>
			    </td>
			     <td>${task.commander.realname}</td> 
			     <td>${task.startTime}</td> 
			     <td>${task.worker.realname}</td> 
				<td>
				    <a href="#" data-toggle="modal" class="btn btn-info" onclick="takeTask('${task.id}');return false;">领取任务</a>
				</td>
			</tr>
		</c:forEach>
		
		
		</tbody>
	</table>
	
	
</body>
</html>
